/**
 * @class Ext.field.Checkbox
 */

.x-field-checkbox .x-field-mask {
	&::after {
		@include checkmark(#ccc);
	}
}

.x-input-checkbox {
	visibility: hidden;
}

.x-input-checkbox:checked + .x-field-mask::after {
	color: $ios7-blue;
}

.x-item-disabled {
	.x-input-checkbox:checked + .x-field-mask::after {
		color: lighten($ios7-blue, 20%);
	}
}
